<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<link href= "css/style.css " rel= "stylesheet" type= "text/css">
	<script type="text/javascript"  src="js/jquery-1.6.min.js" ></script>
	<script type="text/javascript"  src="js/js.js" ></script>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta http-equiv="keywords" content="PPT" />
	<title>JavaScript PPT</title>
</head>
<body>
	<div id="nav">
	</div>
	<div id="main">
		<div id="button">
		</div>
	
		<div id="index">
			<h1>Javascript基础</h1>
			<span>--罗红胜</span>
		</div>
		
		<div id="contect">
			<h2>脚本的执行原理</h2>
			<img src="./images/1.png" height='350px' width="600px">
		</div>
		
		<div id="contect">
			<h2>基本数据类型</h2>
			<ul>
				<li>Numbers</li>
				<li>Strings</li>
				<li>Booleans</li>
				<li>Objects</li>
				<li>null</li>
				<li>undefined</li>
			</ul>
		</div>
		
		<div id="contect">
			<h2>Var语句</h2>
			<ul>
				<li>在一个function中定义变量</li>
				<li>变量类型不用指定</li>
				<li>变量的初始值是可选择的</li>
					var name;<br />
					var nrErrors = 0;<br />
					var a, b, c;
			</ul>
		</div>
		
		<div id="contect">
			<h2>NaN</h2>
			<ul>
				<li>特殊的数: Not a Number</li>
				<li>“未定义”或“错误操作”的结果</li>
				<li>NaN的连锁反应： NaN参与的算术运算结果都为NaN</li>
				<li>NaN不等于任何东西，甚至不等于NaN</li>
			</ul>
		</div>
		
		<div id="contect">
			<h2>程序注释方式</h2>
			<ul>
				<li>单行注释：// slashslash line comment</li>
				<li></li>
				<li>多行注释：/*
									slashstar<br /> 
								  block <br /> 
								  comment <br /> 
									*/</li>
			</ul>
		</div>
		
		<div id="contect">
			<h2>函数</h2>
			<ul>
				<li>
					对于JavaScript来说，函数最常用的对象<br />
					1、一个函数可作为另一个函数的参数，可作为另一个函数返回的对象，可作为其它对象的属性值<br />
					2、同数组一样，函数源于 Object ，它可以象其它对象一样存放name/value对<br />
				</li>
			</ul>
		</div>
		
		<div id="contect">
			<h2>函数的定义方式</h2>
			<ul>
				<li>函数的定义由一个可选的函数名、一个参数表、一个语句块组成，在语句块中有return语句返回作为运行结果的对象
					function name(parameters) {
						<br />statements
					<br />}
				</li>
				<li>“函数”可出现在任何允许“对象”存在的地方</li>
			</ul>
		</div>
		
		<div id="contect">
			<h2>匿名函数</h2>
			<ul>
				<li>
						以下两种函数定义的方式等效
						<br />function foo() {}
						<br />等价于
						<br />var foo = function() {};
						<br />匿名函数：function() {};
				</li>
			</ul>
		</div>
		
		<div id="contect">
			<h2>
				<p>
					Everything Else Is Objects
					<br />万物皆对象
				</p>
			</h2>
		</div>
		
		<div id="contect">
			<h2>对象Object</h2>
			<ul>
				<li>Object就象一个无所不包的容器，它里面可装数据data和方法method</li>
				<li></li>
				<li>一个object可从其它的object “继承” 而生成</li>
			</ul>
		</div>
		
		<div id="contect">
			<h2>对象</h2>
			<ul>
				<li>一个对象由一些无序的、成对的、name/value构成</li>
				<li>name是字符串string类型</li>
				<li>value可以是任何类型，包括其它的对象object</li>
				<li>对象就象一个小数据库，记录一些树状的数据</li>
			</ul>
		</div>
		
		<div id="contect">
			<h2>对象的数据表示</h2>
			<ul>
				<li>对象的数据用成对的{ }来表示</li>
				<li>name用字符串表示 </li>
				<li>value可以是任何类型的表达式expression</li>
				<li>: 符号将name和value分隔区分</li>
				<li>, 符号将成对的name/value分隔区分</li>
			</ul>
		</div>
		
		<div id="contect">
			<h2>对象的数据表示</h2>
			<ul>
				<li>var myObject = {name: "Jack B. Nimble", 'goto': 'Jail', grade: 'A', level: 3};</li>
				<li><img src="./images/2.png"></li>
			</ul>
		</div>
		
		<div id="contect">
			<h2>对象的定义工具——function</h2>
			<ul>
				<li>function maker(name, where, grade, level) {
						<br />var it = {};
						it.name = name;
						it['goto'] = where;
						it.grade = grade;
						it.level = level;
						return it;
					<br />}
				</li>
				<li>myObject = maker("Jack B. Nimble",'Jail', 'A', 3);</li>
			</ul>
		</div>
		
		<div id="contect">
			<h2>操作符Operators</h2>
			<ul>
				<li>数值运算Arithmetic  +  -  *  /  %</li>
				<li>比较运算Comparison  ==  !=  <  >  <=  >=</li>
				<li>逻辑运算Logical   &&  ||  ! </li>
				<li>位运算Bitwise（极少使用）  &  |  ^  >>  >>>  <<</li>
				<li>三重操作符Ternary ? :</li>
			</ul>
		</div>
		
		<div id="contect">
			<h2>结构化语句Statements</h2>
			<ul>
				<li>if、switch</li>
				<li>while、do、for</li>
				<li>break、continue、return</li>
				<li>with</li>
				<li>try、throw</li>
			</ul>
		</div>
		
		<div id="contect">
			<h2>变量范围</h2>
			<ul>
				<li>语句块{}不决定变量范围，只有对象才决定变量范围</li>
				<li>函数作为对象，只有函数才决定变量范围</li>
				<li>var 操作符定义的变量在函数对象之外是无效、不可见</li>
				<li>与C等语言不同，子函数对象之内可引用父函数对象的变量！</li>
			</ul>
		</div>
		
		<div id="contect">
			<h2>this</h2>
			<ul>
				<li>this 是方法调用时一个额外附加的对象，它的值根据方法的不同调用方式而不同</li>
				<li>this 对象向方法提供了一个引用该方法所在对象的手段</li>
				<li>var this 对象在调用方式的时候确定内容</li>
			</ul>
		</div>
		
		<div id="contect">
			<h2>this</h2>
			<ul>
				<li><img src="./images/3.png" width="500px" height="350px"></li>
			</ul>
		</div>
		
	</div>
	
</body>
</html>